interface NPCCharacterProps {
  image: string
  borderColor: string
  name: string
}

export function NPCCharacter({ image, borderColor, name }: NPCCharacterProps) {
  return (
    <div className="flex justify-center mb-6">
      <div
        className="relative rounded-lg overflow-hidden"
        style={{
          border: `3px solid ${borderColor}`,
          width: "300px",
          height: "400px",
        }}
      >
        <img src={image || "/placeholder.svg"} alt={name} className="w-full h-full object-cover" />
      </div>
    </div>
  )
}
